<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--form翻译过来叫做表单，用于收集用户的信息，例如用户的注册，登录，留言-->

    <form>
        <!--用户名输入-->
        <!--input代表都是输入框，但是可以根据 type区分，如果是text就是文本 如果是password就是密码，密码不是明文显示，回显 ***-->
        <div>
            <label for="username"/>用户名：</label> <input id="username" type="text">
        </div>
         <br>
        <!--密码输入-->
        密码：<input type="password">
        <hr>
        性别：
        <!--男 女 保密是一组，需要通过 name属性来标识，name属性的值要一致，代表是一组，一组里面只能选择一个，这个 radio称之为单选按钮。radio翻译 收音机 磁带 随身听-->
        <input type="radio" name="gender">男
        <input type="radio" name="gender">女
        <input type="radio" name="gender">保密

        <hr>
        <!--checkbox是复选框，一组可以选择多个-->
        爱好：
        <input type="checkbox" name="hobby"> 篮球
        <input type="checkbox" name="hobby"> 足球
        <input type="checkbox" name="hobby"> 羽毛球
        <input type="checkbox" name="hobby"> 铅球
        <hr>
        地址：
        <!--下拉框 地址选择-->
        <select name="" id="">
            <option value="">请选择...</option>
            <option value="">上海</option>
            <option value="">北京</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select>
        <hr>
        备注：
        <!--https://login.sina.com.cn/signup/signup?entry=homepage-->
        <!--cols="30" 列 rows="10" 行-->
        <textarea name=""  cols="130" rows="2"></textarea>

        <br>
        <input type="button" value="登录">
        <input type="submit" value="登录">
        <input type="reset" value="清空">


    </form>
</body>
<script type="text/javascript">

</script>

</html>
